<!DOCTYPE html>
<html lang="zh-Hans">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi,viewport-fit=cover">
  <style></style>
</head>

<body>
  <span>你大爷</span>
  <span style="font-size: 0.16rem;">你大爷</span>

  <script>
    // (function (global, factory) {
    //   "use strict";
    //   if (typeof module === "object" && typeof module.exports === "object") {
    //     module.exports = factory(global, true);
    //   } else if (typeof define === 'function' && define.amd) {
    //     define(function () {
    //       return factory(global);
    //     });
    //   } else {
    //     factory(global);
    //   }
    // })(typeof window !== "undefined" ? window : this, function (win) {
    //   var doc = document;
    //   var root = doc.documentElement;

    //   function init() {
    //     var w = root.clientWidth || win.innerWidth;
    //     w = w < 320 ? 320 : w;
    //     root.style.fontSize = w >= 640 ? '100px' : (w / 3.75 + 'px');
    //     doc.body.style.fontSize = '16px';
    //   }

    //   win.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', init, false);
    //   doc.addEventListener('DOMContentLoaded', init, false);
    // });
  </script>
  <script>
    !(function (win, doc) {
      var root = doc.documentElement;
      function init() {
        var w = root.clientWidth || win.innerWidth;
        w = w < 320 ? 320 : w;
        root.style.fontSize = w >= 640 ? '100px' : (w / 3.75 + 'px');
        doc.body.style.fontSize = '16px';
      }
      win.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', init, false);
      doc.addEventListener('DOMContentLoaded', init, false);
    })(window, document);
  </script>
</body>

</html>